<!DOCTYPE html>
<html lang="en">
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Site Metas -->
<title>Pick your best roommate</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap core CSS -->
<link href="static/css/bootstrap.css" rel="stylesheet">
<!-- FontAwesome Icons core CSS -->
<link href="static/css/font-awesome.min.css" rel="stylesheet">
<!-- Custom animate styles for this template -->
<link href="static/css/animate.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="static/css/style.css" rel="stylesheet">
<!-- Responsive styles for this template -->
<link href="static/css/responsive.css" rel="stylesheet">
<!-- Colors for this template -->
<link href="static/css/colors.css" rel="stylesheet">
<!-- light box gallery -->
<link href="static/css/ekko-lightbox.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<body id="home_page" class="home_page">
<!-- loader -->
<div id="preloader">
    <img class="preloader" src="static/picture/loader.gif" alt="">
</div>
<!-- end loader -->

<!-- header -->
<header class="header">
    <div class="container">
        <div class="row header_top_section">
            <div class="col-lg-3">
                <div class="full">
                    <div class="logo">
                        <a href=""><img src="static/picture/logo.png" alt="#"></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 site_information">
                <div class="row">
                    <div class="col-md-4">
                        <ul>
                            <li>
                                <span class="icon_img"><img src="static/picture/mail_icon.png" alt="#"></span>
                                <span class="infor_text"><strong class="theme_color">Mail us:</strong><br>
                                    1922723774@qq.com</span>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <ul>
                            <li>
                                <span class="icon_img"><img src="static/picture/phone_icon.png" alt="#"></span>
                                <span class="infor_text"><strong class="theme_color">Call us:</strong><br>+86 18198696581</span>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <ul>
                            <li>
                                <span class="icon_img"><img src="static/picture/location_icon.png" alt="#"></span>
                                <span class="infor_text"><strong class="theme_color">Address:</strong><br>CS class 2.xxjd.shnu</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="full header_bottom_section">
                    <div class="main_menu">
                        <nav class="navbar navbar-inverse navbar-toggleable-md">
                            <button class="navbar-toggler" type="button" data-toggle="collapse"
                                    data-target="#cloapediamenu" aria-controls="cloapediamenu" aria-expanded="false"
                                    aria-label="Toggle navigation">
                                <span class="float-left">Menu</span>
                                <span class="float-right"><i class="fa fa-bars"></i> <i class="fa fa-close"></i></span>
                            </button>
                            <div class="collapse navbar-collapse justify-content-md-center" id="cloapediamenu">
                                <ul class="navbar-nav">
                                    <li class="nav-item active">
                                        <a class="nav-link" href="Home.html">Home</a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link color-aqua-hover" href="Chat.html">Chat</a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link color-aqua-hover" href="Dormitory space.html">Dormitory
                                            space</a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link color-aqua-hover" href="Services.html">Service</a>
                                    </li>


                                    <li class="nav-item dropdown has-submenu">
                                        <a class="nav-link dropdown-toggle" href="Personal Center.html" id="dropdown01"
                                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Personal
                                            Center</a>
                                        <ul class="dropdown-menu" aria-labelledby="dropdown01">
                                            <li><a class="dropdown-item" href="Modify Personal Information.html">Modify
                                                personal information</a></li>
                                            <li><a class="dropdown-item" href="Login_Logout.html">Login_Logout</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item dropdown has-submenu">
                                        <a class="nav-link dropdown-toggle" href="Personal Center.html" id="dropdown02"
                                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
                                        <ul class="dropdown-menu" aria-labelledby="dropdown01">
                                            <li><a class="dropdown-item" href="FAQ.html">FAQ</a></li>
                                            <li><a class="dropdown-item" href="Privacy Policy.html">Privacy Policy</a>
                                            </li>
                                            <li><a class="dropdown-item" href="Our team.html">Our team</a></li>
                                            <li><a class="dropdown-item" href="Future roommate gallery.html">Future
                                                roommate gallery</a></li>
                                            <li><a class="dropdown-item" href="404 Error.html">404 Error</a></li>
                                        </ul>
                                    </li>


                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="search_bar">
                        <form action="Home.html">
                            <input type="text" class="search_field" placeholder="Search" required="">
                            <button class="search_button" type="button"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- end header -->

<!-- slider -->
<section class="slider_section">
    <div class="container-fluid">
        <div class="row">
            <div id="main_slider" class="carousel slide carousel-fade" data-ride="carousel" data-interval="5000">
                <div class="carousel-inner">
                    <div class="carousel-item slider_inner slider1 active">
                        <div class="container">
                            <div class="row">
                                <div class="slider_coint_inner">
                                    <h3>Let's choose<br> your best roommate!</h3>
                                    <p>-This is a multifunctional dormitory space！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item slider_inner slider2">
                        <div class="container">
                            <div class="row">
                                <div class="slider_coint_inner">
                                    <h3>Let's choose<br> your best roommate!</h3>
                                    <p>-This is a multifunctional dormitory space！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item slider_inner slider3">
                        <div class="container">
                            <div class="row">
                                <div class="slider_coint_inner">
                                    <h3>Let's choose<br> your best roommate!</h3>
                                    <p>-This is a multifunctional dormitory space！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slider_bullets">
                        <ol class="carousel-indicators">
                            <li data-target="#main_slider" data-slide-to="0" class="active"></li>
                            <li data-target="#main_slider" data-slide-to="1"></li>
                            <li data-target="#main_slider" data-slide-to="2"></li>
                        </ol>
                    </div>
                </div>
                <a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- end slider -->

<!-- counter section -->
<section class="counter_section section dark-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4">
                <div class="stat-count count_first">
                    <div class="counter_icon"><img src="static/picture/hc_icon.png" alt="#"></div>
                    <div class="counter_cont">
                        <h3>Happy Client</h3>
                        <h4 class="stat-timer">100</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end counter section -->

<!-- Future roommate gallery section -->
<section class="layout_padding white_bg pets_information_section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="full heading_s2 text_align_center margin_bottom_50">
                    <h2><img src="static/picture/icon_head.png" alt="#"><br><span>Future roommate gallery</span></h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <!-- pets inform -->
                <div class="pet_info">
                    <div class="pet_img">
                        <img class="img-responsive" src="static/picture/DefaultBoy.jpg" alt="#">
                        <div class="overview_search"><a href="Details.html"><i class="fa fa-search"></i></a></div>
                    </div>
                    <div class="petinfo">
                        <div class="pet_infotop">
                            <h3 class="pet_name">默认男生</h3>
                            <h4 class="pet_price">超能力 : 吉他</h4>
                        </div>
                        <div class="pet_infobottom">
                            <ul>
                                <li>性别: 女</li>
                                <li>兴趣爱好: Guitar、篮球</li>
                                <li>可接受的舍友: 不打游戏、早睡</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end pets inform -->
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <!-- pets inform -->
                <div class="pet_info">
                    <div class="pet_img">
                        <img class="img-responsive" src="static/picture/DefaultGirl.jpg" alt="#">
                        <div class="overview_search"><a href="Details.html"><i class="fa fa-search"></i></a></div>
                    </div>
                    <div class="petinfo">
                        <div class="pet_infotop">
                            <h3 class="pet_name">默认女生</h3>
                            <h4 class="pet_price">超能力 : 吉他</h4>
                        </div>
                        <div class="pet_infobottom">
                            <ul>
                                <li>性别: 女</li>
                                <li>兴趣爱好: Guitar、篮球</li>
                                <li>可接受的舍友: 不打游戏、早睡</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end pets inform -->
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <!-- pets inform -->
                <div class="pet_info">
                    <div class="pet_img">
                        <img class="img-responsive" src="static/picture/CustomBoy1.jpg" alt="#">
                        <div class="overview_search"><a href="Details.html"><i class="fa fa-search"></i></a></div>
                    </div>
                    <div class="petinfo">
                        <div class="pet_infotop">
                            <h3 class="pet_name">张珊</h3>
                            <h4 class="pet_price">超能力 : 吉他</h4>
                        </div>
                        <div class="pet_infobottom">
                            <ul>
                                <li>性别: 女</li>
                                <li>兴趣爱好: Guitar、篮球</li>
                                <li>可接受的舍友: 不打游戏、早睡</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end pets inform -->
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <!-- pets inform -->
                <div class="pet_info">
                    <div class="pet_img">
                        <img class="img-responsive" src="static/picture/CustomBoy2.jpg" alt="#">
                        <div class="overview_search"><a href="Details.html"><i class="fa fa-search"></i></a></div>
                    </div>
                    <div class="petinfo">
                        <div class="pet_infotop">
                            <h3 class="pet_name">张珊</h3>
                            <h4 class="pet_price">超能力 : 吉他</h4>
                        </div>
                        <div class="pet_infobottom">
                            <ul>
                                <li>性别: 女</li>
                                <li>兴趣爱好: Guitar、篮球</li>
                                <li>可接受的舍友: 不打游戏、早睡</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end pets inform -->
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <!-- pets inform -->
                <div class="pet_info">
                    <div class="pet_img">
                        <img class="img-responsive" src="static/picture/CustomGirl1.jpg" alt="#">
                        <div class="overview_search"><a href="Details.html"><i class="fa fa-search"></i></a></div>
                    </div>
                    <div class="petinfo">
                        <div class="pet_infotop">
                            <h3 class="pet_name">张珊</h3>
                            <h4 class="pet_price">超能力 : 吉他</h4>
                        </div>
                        <div class="pet_infobottom">
                            <ul>
                                <li>性别: 女</li>
                                <li>兴趣爱好: Guitar、篮球</li>
                                <li>可接受的舍友: 不打游戏、早睡</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end pets inform -->
            </div>
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <!-- pets inform -->
                <div class="pet_info">
                    <div class="pet_img">
                        <img class="img-responsive" src="static/picture/CustomGirl2.jpg" alt="#">
                        <div class="overview_search"><a href="Details.html"><i class="fa fa-search"></i></a></div>
                    </div>
                    <div class="petinfo">
                        <div class="pet_infotop">
                            <h3 class="pet_name">张珊</h3>
                            <h4 class="pet_price">超能力 : 吉他</h4>
                        </div>
                        <div class="pet_infobottom">
                            <ul>
                                <li>性别: 女</li>
                                <li>兴趣爱好: Guitar、篮球</li>
                                <li>可接受的舍友: 不打游戏、早睡</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end pets inform -->
            </div>
            <div class="col-sm-12">
                <div class="readmore_bt center margin_top_20">
                    <a class="main_bt read_more_bt" href="Future roommate gallery.html">See More ></a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end Future roommate gallery section -->

<!-- service section -->
<section class="layout_padding services_section yellow_bg pettr">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="full heading_s2 text_align_center margin_bottom_50">
                    <h2><img src="static/picture/icon_head.png" alt="#"><br><span>Our Services</span></h2>
                </div>
            </div>
        </div>
        <div class="row margin_bottom_30">
            <div class="col-xl-9">
                <div class="row service_blog">
                    <div class="col-md-5 col-lg-5 service_img">
                        <img class="rounded-circle img-responsive" src="static/picture/寻找舍友.png" alt="#">
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <h3>Looking for roommates</h3>
                        <p class="large_1">可以通过搜索关键字，进行筛选出自己心仪的舍友，并且可以查看舍友或其他
                            用户的信息。</p>
                        <div class="readmore_bt margin_top_20">
                            <a class="main_bt read_more_bt" href="Services.html">See More ></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3">
            </div>
        </div>
        <div class="row margin_bottom_30">
            <div class="col-xl-3">
            </div>
            <div class="col-xl-9">
                <div class="row service_blog">
                    <div class="col-md-5 col-lg-5 service_img">
                        <img class="rounded-circle img-responsive" src="static/picture/挑选宿舍.png" alt="#">
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <h3>Select dormitory</h3>
                        <p class="large_1">通过查询宿舍管理人员发布的信息，可以查看自己所在学院的住宿信息，选择
                            自己喜欢的宿舍楼层。</p>
                        <div class="readmore_bt margin_top_20">
                            <a class="main_bt read_more_bt" href="Services.html">See More ></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row margin_bottom_30">
            <div class="col-xl-9">
                <div class="row service_blog">
                    <div class="col-md-5 col-lg-5 service_img">
                        <img class="rounded-circle img-responsive" src="static/picture/线上交友.png" alt="#">
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <h3>online dating</h3>
                        <p class="large_1">寻找好友的方式和寻找舍友的方法类似，可以查看朋友或其他用户的信息，支持
                            即时聊天，随时联系好友。</p>
                        <div class="readmore_bt margin_top_20">
                            <a class="main_bt read_more_bt" href="Services.html">See More ></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3">
            </div>
        </div>
        <div class="row margin_bottom_30">
            <div class="col-xl-3">
            </div>
            <div class="col-xl-9">
                <div class="row service_blog">
                    <div class="col-md-5 col-lg-5 service_img">
                        <img class="rounded-circle img-responsive" src="static/picture/宿舍空间.png" alt="#">
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <h3>Dormitory space</h3>
                        <p class="large_1">在自己选择的宿舍空间中，可以选择自己心仪的床位，并且可以看到当前宿舍空
                            间上看到自己的舍友，以及他（她）们的基本信息。如果自己需要重新选择宿舍
                            有可以退出当前宿舍空间。</p>
                        <div class="readmore_bt margin_top_20">
                            <a class="main_bt read_more_bt" href="Services.html">See More ></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-9">
                <div class="row service_blog">
                    <div class="col-md-5 col-lg-5 service_img">
                        <img class="rounded-circle img-responsive" src="static/picture/宿舍报修.png" alt="#">
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <h3>Dormitory repair</h3>
                        <p class="large_1">在自己所在的宿舍空间中，通过填写报修内容提交，会有工作人员上门维修。</p>
                        <div class="readmore_bt margin_top_20">
                            <a class="main_bt read_more_bt" href="Services.html">See More ></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3">
            </div>
        </div>
    </div>
</section>
<!-- end service section -->

<!-- Our development team section -->
<section class="layout_padding dark-section testimonial_section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 white_fonts">
                <div class="full heading_s2 text_align_center margin_bottom_50">
                    <h2><img src="static/picture/icon_head_white.png" alt="#"><br><span>Our development team</span></h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div id="testimonial_slider" class="carousel slide" data-ride="carousel">
                    <!-- Carousel indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#testimonial_slider" data-slide-to="0" class="active"></li>
                        <li data-target="#testimonial_slider" data-slide-to="1"></li>
                        <li data-target="#testimonial_slider" data-slide-to="2"></li>
                        <li data-target="#testimonial_slider" data-slide-to="3"></li>
                        <li data-target="#testimonial_slider" data-slide-to="4"></li>
                    </ol>
                    <!-- Wrapper for carousel items -->
                    <div class="carousel-inner">
                        <div class="item carousel-item active">
                            <div class="testimonial_inner_blog">
                                <div class="testimonial_cont">
                                    <p>[Brooks's Law of Prototypes] <br>
                                        Plan to throw one away, you will anyhow.
                                        <br><br><strong>- 罗倩倩</strong>
                                    </p>
                                </div>
                                <div class="client_img">
                                    <div class="media-left">
                                        <img src="static/picture/client_img.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item carousel-item">
                            <div class="testimonial_inner_blog">
                                <div class="testimonial_cont">
                                    <p>[Brooks's Law of Prototypes] <br>
                                        Plan to throw one away, you will anyhow.
                                        <br><br><strong>- 赵娅婷</strong>
                                    </p>
                                </div>
                                <div class="client_img">
                                    <div class="media-left">
                                        <img src="static/picture/client_img.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item carousel-item">
                            <div class="testimonial_inner_blog">
                                <div class="testimonial_cont">
                                    <p>[Brooks's Law of Prototypes] <br>
                                        Plan to throw one away, you will anyhow.
                                        <br><br><strong>- 方乐泓</strong>
                                    </p>
                                </div>
                                <div class="client_img">
                                    <div class="media-left">
                                        <img src="static/picture/client_img.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item carousel-item">
                            <div class="testimonial_inner_blog">
                                <div class="testimonial_cont">
                                    <p>[Brooks's Law of Prototypes] <br>
                                        Plan to throw one away, you will anyhow.
                                        <br><br><strong>- 谢光闽</strong>
                                    </p>
                                </div>
                                <div class="client_img">
                                    <div class="media-left">
                                        <img src="static/picture/client_img.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item carousel-item">
                            <div class="testimonial_inner_blog">
                                <div class="testimonial_cont">
                                    <p>[Brooks's Law of Prototypes] <br>
                                        Plan to throw one away, you will anyhow.
                                        <br><br><strong>- 金逸盛</strong>
                                    </p>
                                </div>
                                <div class="client_img">
                                    <div class="media-left">
                                        <img src="static/picture/client_img.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end Our development team section -->

<!-- subscribe newsletter -->
<section class="layout_padding subscribe_newsletters yellow_bg pettr">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 col-md-12">
                <div class="full">
                    <h3>Subscribe to our newsletter</h3>
                    <p>如果想关注我们，请订阅我们的时事通讯！！！</p>
                </div>
            </div>
            <div class="col-lg-5 col-md-12">
                <div class="full subscribe_bottom">
                    <form class="subscribe_form float-right">
                        <fieldset>
                            <div class="field">
                                <input type="text" name="subscribe_field" placeholder="Enter your Email....">
                                <button>Subscribe</button>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end subscribe newsletter -->

<!-- footer -->
<footer class="footer layout_padding">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-12">
                <div class="footer_blog1">
                    <div class="footer_logo"><a href=""><img src="static/picture/logo_white.png" alt="#"></a></div>
                    <p>Let's choose<br> your best roommate!</p>
                    <div class="footer_social_icon">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="footer_link_heading">
                    <h3>Useful Links</h3>
                </div>
                <div class="footer_blog2">
                    <ul>
                        <li><a href="Home.html">> Home</a></li>
                        <li><a href="services.html">> Services</a></li>
                        <li><a href="Dormitory space.html">>Dormitory space</a></li>
                    </ul>
                    <ul>
                        <li><a href="privacy_policy.html">> Privacy Policy</a></li>
                        <li><a href="Our team.html">> Our team</a></li>
                        <li><a href="FAQ.html">> FAQ</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="footer_link_heading">
                    <h3>Contact Us</h3>
                </div>
                <div class="address_infor">
                    <p>
                        <span class="icon"><img src="static/picture/location.png" alt="#"></span>
                        <span class="addrs">Shanghai Normal University, No. 100 haisilu, Fengxian District, Shanghai<br></span>
                    </p>

                </div>
                <div class="email_address_bottom">
                    <form>
                        <fieldset>
                            <div class="field_email">
                                <input type="email" name="email" placeholder="Email">
                                <button><i class="fa fa-search"></i></button>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- end footer -->
<!-- copyright section -->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <p>Copyright &copy; S.A.Y All rights reserved.<a target="_blank"
                                                                 href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </p>
            </div>
        </div>
    </div>
</div>
<!-- end copyright section -->
<div class="dmtop">Scroll to Top</div>
<!-- Core JavaScript
   ================================================== -->
<script data-cfasync="false" src="static/js/email-decode.min.js"></script>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/tether.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/parallax.js"></script>
<script src="static/js/animate.js"></script>
<script src="static/js/ekko-lightbox.js"></script>
<script src="static/js/custom.js"></script>
</body>
</html>
